<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .box{
            width:800px;
            min-height: 400px;
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap:10px;
        }
        .item{
            background: #FAF;
        }

        .banner-title {
            font-family: "FZZhengHeiS-DB-GB";
            font-weight: 570;
            font-size: 2.083vw;
            letter-spacing: 0.01vw;
            // -webkit-text-stroke: 1px #002d6c;
            // text-stroke: 1px #002d6c;
            background-image: linear-gradient(180deg, #FFFFFF 0%, #68D9FF 100%);
            -webkit-background-clip: text;
            background-clip: text;
            // text-fill-color:transparent;
            -webkit-text-fill-color: transparent;
            position: relative;
            filter: drop-shadow(#002d6cAA 0px 3.06px 1.53px);
            -webkit-filter: drop-shadow(#002d6c99 0px 3.06px 1.53px);
        }
    </style>
    <div class="box">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
</body>
</html>